[mx-view^="@:./index"]{
    background: #3f3e3c;
}
.blogs {
    width: 1080px;
    margin: 0 auto 20px;
  }
  .blog-box {
    margin:20px 5px;
    background: #222;
    box-shadow: 0px 1px 0px rgba(255,255,255,.1), inset 0px 1px 1px rgba(0,0,0,.7);
    width: 530px;
    color: #b9b9b9;
    border-radius: 6px;
    float: left;
  }
  .title {
    padding: 0 0 0 20px;
    font: 16px/50px  "Microsoft YaHei", Arial, Helvetica, sans-serif
  }
  .blog-box-link{
    color: #a6a6a6;
    text-decoration: none; 
    transition: all 1s ease;
  }
  .blog-box-link:hover {
    padding-left: 20px;
    color: #fff;
  }
  .textinfo {
    overflow: hidden;
    line-height: 24px;
    height:50px;
    padding: 0 20px 5px;
    color:#616161;
  }
  .details {
    background: rgba(1,1,1,0.3);
    border-radius: 0 0 6px 6px;
    padding: 0 10px 0 18px;
    color: #3F3E3C
  }